<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="1.css">
    <title></title>
</head>

<!-- 
	JS介绍：
	JavaScript 是一门跨平台、面向对象（思想）的脚本语言 面向过程：C 
	1.弱数据类型：JS 统一定义数据类型 在实际运行中确定具体的数据类型
	强数据库类型：Java 必须要给变量具体的数据类型才能使用
	数据类型：该数据在计算机中所要占用的空间
	2.可以做服务端：Node.js 大前端 前后端都是用JS

	3.客户端 JavaScript 通过提供控制浏览器及其文档对象模型（DOM）的对象对核心语言进行扩展
	4.服务器端 JavaScript 则通过提供和在服务器上运行 JavaScript 有关的对象对核心语言进行扩展。
	5.JavaScript 语句是由 web 浏览器“执行”的“指令”。

	JS和Java的关系：
	JavaScript 															
	1.面向对象。不区分对象类型。继承通过原型机制实现，可以向对象动态地添加属性和方法。
	2.不需要声明变量数据类型（动态类型，松散类型）。
	3.不能自动写入硬盘。
	Java
	1.基于类。对象分为类和实例，所有的继承通过类层级实现。不能向类和实例动态地添加属性或方法。
	2.必须声明变量数据类型（静态类型，强类型）。
	3.可以自动写入硬盘。

	JS规范：
	ES5和6 vue3用的ES6
	
 -->
<body>
<div id="div1"></div>
<!-- 演示this 给button绑定一个点击事件（一段js脚本）this指的是当前button-->
<!--<button onclick="console.log(this)">点击</button>-->


<!--
不能写在前面的原因：由于脚本语言是顺序解释执行，所以先执行了JS脚本，然后执行了body的元素渲染，所以获取不到元素就报null错误
前期编写代码先放在body的后面
 后期可以通过函数的方式 将js代码写在前面 通过window.onload() 实现的

 -->

<!-- 内部引入 -->
<!-- <script>
    document.getElementById("div1").innerHTML = "Hello Js";
</script> -->
<!-- 外部引入 -->
<!-- <script src="1.js"></script> -->
<!-- <script src="2.JS输出.js"></script>-->
<!-- <script src="3.JS变量.js"></script>-->
<!-- <script src="4.JS运算符.js"></script>-->
<!-- <script src="5.JS数据类型.js"></script>-->
<!-- <script src="6.JS数字属性和方法.js"></script> -->
<!-- <script src="0423作业.js"></script> -->
<!-- <script src="7.JS字符串.js"></script> -->
<!-- <script src="8.JS类型转换.js"></script> -->
<!-- <script src="9.JS分支.js"></script> -->
<!-- <script src="10.JS循环.js"></script> -->
<!-- <script src="11.JS的continue和break.js"></script> -->
<!-- <script src="10.JS循环练习1.js"></script> -->
<!-- <script src="10.JS循环练习2.js"></script> -->
<!-- <script src="10.JS循环练习3.js"></script> -->
<!-- <script src="10.JS循环练习4.js"></script> -->
<!-- <script src="10.JS循环练习5.js"></script> -->
<!-- <script src="10.JS循环练习6.js"></script> -->
<!-- <script src="10.JS循环练习7.js"></script> -->
<!-- <script src="11.JS数组.js"></script> -->
<!-- <script src="12.JS函数.js"></script>-->
<!-- <script src="13.JS数组方法.js"></script> -->
<!-- <script src="14.JS数组搜索.js"></script> -->
<!-- <script src="15.JS函数深入.js"></script>-->
<!-- <script src="16.JS对象.js"></script>-->
<!-- <script src="17.JS对象深入.js"></script>-->
<!-- <script src="18.JS的this.js"></script>-->
<!-- <script src="19.对象练习思路分析.js"></script> -->
<!-- <script src="20.内置对象.js"></script> -->
 <script src="21.JS解构.js"></script>

</body>


</html>